.container {
  min-height: 100vh;
  // background: #f8f7f8;

  .user-lists {
    border-radius: 18rpx;
    margin: 20rpx 30rpx;
    padding: 20rpx 0;
  }
}

/* 用户头像 start */
.logo-image {
  width: 90rpx;
  height: 90rpx;
  position: relative;
}

.logo-pic {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 50rpx;
  overflow: hidden;
}

.friend-tag {
  border-radius: '6rpx';
  padding: '8rpx 10rpx';
  margin-left: '20rpx';
  font-size: '24rpx';
}

/* 底部安全边距 start*/
.tn-tabbar-height {
  min-height: 120rpx;
  height: calc(140rpx + env(safe-area-inset-bottom));
  height: calc(140rpx + constant(safe-area-inset-bottom));
}